<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>
<%@ page session="false" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html>
<html>
<head>
	<META http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Application</title>
	
	<link rel="shortcut icon" href="<c:url value="/resources/admin/favicon.ico" />" type="image/x-icon">
	<!-- <link rel="icon" href="<c:url value="/resources/admin/favicon.ico?v=2" />" type="image/x-icon">-->

	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
	<link rel="stylesheet" href="<c:url value="/resources/admin/css/layout.css" />" type="text/css" media="screen" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
	
	<!--[if lt IE 9]>
	<link rel="stylesheet" href="resources/admin/css/ie.css" type="text/css" media="screen" />
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<script src="<c:url value="/resources/admin/js/hideshow.js" />" type="text/javascript"></script>
	<script src="<c:url value="/resources/admin/js/jquery.tablesorter.min.js" />" type="text/javascript"></script>
	<script type="text/javascript" src="<c:url value="/resources/admin/js/jquery.equalHeight.js" />"></script>
	<script src="<c:url value="/resources/js/commons.js" />" type="text/javascript"></script>
	<script src="<c:url value="/resources/js/jquery.ui.combobox.js" />" type="text/javascript"></script>
	<style>
	.custom-combobox {
		position: relative;
		display: inline-block;
	}
	
	.custom-combobox-toggle {
		position: absolute;
		top: 0;
		bottom: 0;
		margin-left: -1px;
		padding: 0;
		/* support: IE7 */
		*height: 1.7em;
		*top: 0.1em;
	}
	
	</style>
	<script>
		(function( $ ) {
		$
				.widget(
						"custom.combobox",
						{
							_create : function() {
								this.wrapper = $("<span>").addClass(
										"custom-combobox")
										.insertAfter(this.element);
	
								//this.element.hide();
								this._createAutocomplete();
								this._createShowAllButton();
							},
	
							_createAutocomplete : function() {
								var selected = this.element.children(":selected"), value = selected
										.val() ? selected.text() : "";
	
								this.input = $("<input>").attr('id', this.element.context.id+'Combo')
										.appendTo(this.wrapper)
										.val(value)
										.attr("title", "")
										.addClass(
												"custom-combobox-input ui-widget ui-widget-content ui-corner-left")
										.autocomplete({
											delay : 0,
											minLength : 0,
											source : $.proxy(this, "_source")
										}).tooltip({
											tooltipClass : "ui-state-highlight"
										});
	
								this._on(this.input, {
									autocompleteselect : function(event, ui) {
										ui.item.option.selected = true;
										this._trigger("select", event, {
											item : ui.item.option
										});
									},
	
									autocompletechange : "_removeIfInvalid"
								});
							},
	
							_createShowAllButton : function() {
								var input = this.input, wasOpen = false;
	
								$("<a>").attr("tabIndex", -1).attr("title",
										"Show All Items").tooltip().appendTo(
										this.wrapper).button({
									icons : {
										primary : "ui-icon-triangle-1-s"
									},
									text : false
								}).removeClass("ui-corner-all").addClass(
										"custom-combobox-toggle ui-corner-right")
										.mousedown(
												function() {
													wasOpen = input.autocomplete(
															"widget")
															.is(":visible");
												}).click(function() {
											input.focus();
	
											// Close if already visible
											if (wasOpen) {
												return;
											}
	
											// Pass empty string as value to search for, displaying all results
											input.autocomplete("search", "");
										});
							},
	
							_source : function(request, response) {
								var matcher = new RegExp($.ui.autocomplete
										.escapeRegex(request.term), "i");
								response(this.element.children("option").map(
										function() {
											var text = $(this).text();
											if (this.value
													&& (!request.term || matcher
															.test(text)))
												return {
													label : text,
													value : text,
													option : this
												};
										}));
							},
	
							_removeIfInvalid : function(event, ui) {
	
								// Selected an item, nothing to do
								if (ui.item) {
									return;
								}
	
								// Search for a match (case-insensitive)
								var value = this.input.val(), valueLowerCase = value
										.toLowerCase(), valid = false;
								this.element
										.children("option")
										.each(
												function() {
													if ($(this).text()
															.toLowerCase() === valueLowerCase) {
														this.selected = valid = true;
														return false;
													}
												});
	
								// Found a match, nothing to do
								if (valid) {
									return;
								}
	
								// Remove invalid value
								this.input.val("").attr("title",
										value + " didn't match any item").tooltip(
										"open");
								this.element.val("");
								this._delay(function() {
									this.input.tooltip("close").attr("title", "");
								}, 2500);
								this.input.data("ui-autocomplete").term = "";
							},
	
							_destroy : function() {
								this.wrapper.remove();
								this.element.show();
							}
						});
	})( jQuery );
	</script>
</head>

<body>

	<jsp:include page="../commons/header.jsp"/>
	
	<jsp:include page="../commons/secondaryBar.jsp"/>
	
	<jsp:include page="../commons/sideMenu.jsp"/>
	
	<section id="main" class="column">
		<jsp:include page="../components/message.jsp"></jsp:include>
		<jsp:include page="${param.mainViewName}"/>
	</section>

</body>

</html>
